<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>社团管理系统/视频展示</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../static/home/css/bootstrap.css">
    <link rel="stylesheet" href="../static/home/css/themify-icons.css">
    <link rel="stylesheet" href="../static/home/css/flaticon.css">
    <link rel="stylesheet" href="../static/home/css/all.min.css">
    <link rel="stylesheet" href="#">
    <link rel="stylesheet" href="../static/home/css/animate.css">
    <link rel="stylesheet" href="../static/home/css/magnific-popup.css">
    <!-- main css -->
    <link rel="stylesheet" href="../static/home/css/style.css">
    <link rel="stylesheet" href="../static/home/css/responsive.css">
</head>

<body>

     <!--================ Start header Top Area =================-->
     <section class="header-top">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-6 col-lg-4">
                    <div class="float-left">
                     
                    </div>
                </div>
                <div class="col-6 col-lg-4 col-md-6 col-sm-6 logo2-wrapper">
                    <a href="front_home.html" class="logo2">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 search-trigger">
                    <div class="right-button">
                        <ul>
                            <li><a id="search" href="javascript:void(0)"><i class="fas fa-search"></i></a></li>

                            <li><a href="/login">登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="search_input" id="search_input_box">
            <div class="container ">
                <form class="d-flex justify-content-between search-inner">
                    <input type="text" class="form-control" id="search_input" placeholder="Search Here">
                    <button type="submit" class="btn"></button>
                    <span class="ti-close" id="close_search" title="Close Search"></span>
                </form>
            </div>
        </div>
    </section>
    <!--================ End header top Area =================-->

    <!-- Start header Menu Area -->
    <header id="header" class="header_area">
        <div class="main_menu">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
                        <ul class="nav navbar-nav menu_nav ml-auto mr-auto">
                            <li class="nav-item active"><a class="nav-link" href="/front_home">主页</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Community_display">社团</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Wonderful_moments">精彩时刻</a></li>
                            <li class="nav-item submenu dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">动态</a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item"><a class="nav-link" href="/front_dynamic">动态</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/front_Message_Board">留言板</a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="/front_dynamic">最新咨询</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_contact">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- End header MEnu Area -->

    <!--================Fullwidth block Area =================-->


    <!--================Home Banner Area =================-->
    <section class="banner_area">
      <div class="banner_inner d-flex align-items-center">
        <div class="container">
          <div class="banner_content d-md-flex justify-content-between align-items-center">
            <div class="mb-3 mb-md-0">
              <h2>精彩时刻</h2>
            </div>
            <div class="page_link">
              <a href="front_home.html">主页</a>
              <a href="front_contact.html">精彩时刻</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================End Home Banner Area =================-->

    <!--================Category  Area Start =================-->

    <section class="category-page area-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                       <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财12.png" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                               <a href="#">篮球社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="single-blog.html">
                                <h4>热爱运动，强身健体</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>05 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财生活 (3).png" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">摄影社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="single-blog.html">
                                <h4>记录美好时刻</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>08 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财生活 (5).png" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">摄影社 </a>/
                                <a href="#"> March 19, 2022</a>
                            </div>
                            <a class="d-block" href="single-blog.html">
                                <h4>热爱运动，活出青春</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>25 浏览</a>
                                <a href="#"><i class="ti-heart"></i>15 收藏</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财2.jpg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">汉服社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>精美服装
</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>05 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 10 收藏</a>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/文化社.jpeg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                               <a href="#">文化社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>传承优秀文化，彰显华夏精神</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>05 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 20 收藏</a>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财3.jpg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                               <a href="#">摄影社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>精美图片
</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>25 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/篮球2.jpeg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">篮球社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>青春活力！</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>05 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/绘画12.jpeg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                  <a href="#">美术社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>艺术的魅力！</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>05 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="single-category">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/绘画11.jpeg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频2.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                               <a href="#">美术社 </a>/
                                <a href="#"> March 15, 2022</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>美术的好处
</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-浏览"></i>05 浏览</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="col-12 text-center">
                    <a href="" class="main_btn">加载更多 <span class="ti-angle-double-right"></span></a>
                </div>
            </div>
        </div>
    </section>
    <!--================Category  Area End =================-->

   <!-- ================ Instargram Area Starts ================= -->  

<section class="instagram">
        <div class="row no-gutters">
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (1).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (3).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (4).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (5).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活4 (2).jpg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财14.png" alt=""></a>
            </div>
        </div>
    </section>

    <!-- ================ Instargram Area End ================= -->  


    <!-- ================ start footer Area ================= -->
   <footer class="footer-area">
        <div class="container">
            <div class="row">

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>关于我们</h4>
                    <p>我们是对理想有着执着追求的人，坚信是金子总会发光。</p>
                    <div class="footer-logo">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>联系方式</h4>
                    <div class="footer-address">
                        <p>地址 :重庆巴南区
                       </p>
                        <span>电话 : +123456</span>
                        <span>邮箱Email : shetuanguanli.com</span>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>活跃平台</h4>
                    <ul>
                        <li><a href="#">QQ</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">百度</a></li>
                        <li><a href="#">抖音</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>加入我们</h4>
                    <p>欢迎你！我们相信，公司因为你的加⼊⽽会更精彩更完美</p>

                    <div class="form-wrap" id="mc_embed_signup">
                        <form target="_blank" action="#" method="get">
                        <div class="input-group">
                            <input type="email" class="form-control" name="EMAIL" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = '你的地址 '">
                            <div class="input-group-append">
                                <button class="btn click-btn" type="submit">
                                    <i class="fab fa-telegram-plane"></i>
                                </button>
                            </div>
                        </div>
                        <div style="position: absolute; left: -5000px;">
                            <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                        </div>

                        <div class="info"></div>
                    </form>
                </div>

            </div>
        </div>
        <div class="footer-bottom row align-items-center text-center text-lg-left no-gutters">
        
        </div>
    </div>
</footer>
<!-- ================ End footer Area ================= -->






<!-- Optional JavaScript -->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->

<script src="../static/home/js/jquery-2.2.4.min.js"></script>
<script src="../static/home/js/popper.js"></script>
<script src="../static/home/js/bootstrap.min.js"></script>
<script src="../static/home/js/stellar.js"></script>
<script src="../static/home/js/jquery.magnific-popup.min.js"></script>
<script src="../static/home/js/jquery.ajaxchimp.min.js"></script>
<script src="../static/home/js/waypoints.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/contact.js"></script>
<script src="../static/home/js/jquery.form.js"></script>
<script src="../static/home/js/jquery.validate.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/theme.js"></script>
</body>
</html>